  {extends 'base/site2.html'}
{block name="page_header"}{include file="common/header.html" inline}{/block}
{block name="page_nav"}{include file="common/slide-nav.html" inline}{/block}
{block name="page_styles"}
<link rel="stylesheet" type="text/css" href="/css/mediation/incoming/index.css" />
{/block}

{block name="page_section"}

<div class="sessionPage">
	<div class="page-header">
    <div class="left">
      <span class="line"></span>
      <strong class="tit">投诉建议</strong>
    </div>
    </div>
    <form class="small-style" method="get" action="" id="form-ele" role="validform" enctype="multipart/form-data">
      <div class="form_row">
        <input type="hidden" name="limit" value="{if $query.limit}{$query.limit}{/if}">
        <div class="form-group col-lg-3 ui-select">
            <label for="exampleInputName2"  class="col-sm-4 control-label">接通状态:</label>
            <div class="col-sm-7">
                <select class="form-control" id="is_contrast" name="talkType" role-ele="talkType">
                    <option class="u144_input_option" {if $query.talkType==0}selected="selected"{/if} value="0">全部</option>
                    <option class="u144_input_option" {if $query.talkType == 1}selected="selected"{/if} value="1">接通</option>
                    <option class="u144_input_option" {if $query.talkType == 2}selected="selected"{/if} value="2">未接通</option>
                </select>
            </div>
        </div>
        <div class="form-group col-lg-3 ui-select">
            <label for="exampleInputName2"  class="col-sm-4 control-label">通话号码:</label>
            <div class="col-sm-7">
                <input type="text" class="form-control noempty col-sm-4" value="{$query.callPhone}" name="callPhone" id="callPhone" placeholder="请输入~">
            </div>
        </div>
          <div class="form-group col-lg-3 ui-select">
              <div class="col-lg-4">
                  <button class="btn btn-primary col-lg-8 shousuoBtn"><span class="nav-icon glyphicon glyphicon-search" aria-hidden="true" style="margin-right: 2px"></span>查询</button>
              </div>
              <div class="col-lg-4">
                  <a type="button" href="/suggestion/index" class="btn btn-default col-lg-8" ><span class="nav-icon glyphicon glyphicon-refresh" aria-hidden="true" style="margin-right: 2px"></span>重置</a>
              </div>
          </div>
      </div>


    </form >
    <div style="width: 95%;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    overflow-x: scroll;">
      <table class="table table-striped table-bordered table-hover text-nowrap">
        <thead>
            <tr>
                <th>序号</th>
                <th>呼入时间</th>
                <th>通话状态</th>
                <th>手机号</th>
                <th>结束时间</th>
                <th>通话时长</th>
                <th>接听人</th>
                <th>内容</th>
                <th>录音</th>
            </tr>
        </thead>
        <tbody>
        	{foreach from=$list item=item key=key}
            <tr>
            	<td>{$item.id}</td>
                <td class="nowrap">{$item['callTime']|date_format:"%Y-%m-%d %H:%M:%S"}</td>
                <td>{if $item.talkType==1}接通{elseif $item.talkType==2}未接通{/if}</td>
				<td>{substr($item.callPhone,0,3)}****{substr($item.callPhone,7,4)}
                </td>
                <td class="nowrap">
                    {if $item['callEndTime']}
                    {$item['callEndTime']|date_format:"%Y-%m-%d %H:%M:%S"}</td>
                {/if}
                </td>

				<td>{$item.talkTime}</td>
                <td>{$item.operationName}</td>
                <td>{$item.suggestion}</td>

                <td>
                    {if $item.fileName}
                        <audio controls="controls" src="{$soundfileurl}{$item.fileName}" class="ui-audio" style="display:none;" preload="auto"></audio>
                    {/if}
                </td>

            </tr>
            {/foreach}
        </tbody>
      </table>
    </div>
    <div class="clearfix pad-no text-nowrap" style="margin-top: 20px;">
        {include file="base/pagenav.html"  action="/suggestion/index" pagenum=$curPageNum inline}
        <select class="form-control" id="paglimit" style="float:right;margin:0 10px;width: auto;margin-top: -5px;">
            <option value="limit=10" {if $query.limit==10}selected="selected"{/if}>10条/页</option>
            <option value="limit=20" {if $query.limit==20}selected="selected"{/if}>20条/页</option>
            <option value="limit=50" {if $query.limit==50}selected="selected"{/if}>50条/页</option>
            <option value="limit=100" {if $query.limit==100}selected="selected"{/if}>100条/页</option>
        </select>
        <span style="float:right;">共 {$totalnum} 条</span>
    </div>
</div>


<div role-side="left" class="ui-slide-box"></div>

{/block}